<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<title>个人信息</title>
		<link rel="stylesheet" type="text/css" href="css/selfInformation.css">
		<link rel="stylesheet" type="text/css" href="fontawesome/fontawesome-free-5.10.2-web/css/all.min.css"/>
		<script type="text/javascript" src="js/jquery-min.js"></script>
		<script type="text/javascript" src="js/mission.js"></script>
		<script type="text/javascript" src="js/Universal%20template.js"></script>
		<script type="text/javascript" src="js/indexJs.js"></script>
		<script type="text/javascript" src="js/self.js"></script>
	</head>
	<body>
		<div class="navbar">
			<a href="index.html"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
			<div class="content">
				<p>个人信息</p>
			</div>
		</div>
		<div class="bannerImage">
		</div>
		<div class="avatar">
			<a src="#"></a>
		</div>
		<div class="bannerContent">
			<p id="userName">牛梓雨</p>
			<p>能量值</p>
			<div class="bannerContentSec">
				<p class="school">天津理工大学</p>
				<p id="faculity">计算机学院</p>
			</div>
			<div class="exp">
				<span id="exp">10/20</span>
			</div>
		</div>
		<div class="containerNav">
			<button id="information" type="button">主页</button>
			<button id="missionTree" type="button">成长树</button>
			<button id="missionHub"type="button">任务</button>
		</div>
		<div class="containerIndex" id="containerIndex">
			<div class="banner">
				<span>用户名</span>
				<span id="name">大鬊鸟</span>
			</div>
			<div class="banner">
				<span>学校</span>
				<span class="school">皇家理工</span>
			</div>
			<div class="banner">
				<span>下属学院</span>
				<span id="faculty">计算鸡学院</span>
			</div>
		</div>
		<div id="containerTree">
			<p id="info"></p>
			<canvas id="canvastree"></canvas>
		</div>
		<div id="containerMission">
			<div id="missionRev" class="missionChange">
				<i class="fa fa-chevron-right" aria-hidden="true"></i>
				<p>已接收的任务</p>
			</div>
			<div id="hid1" class="hid">
				<div id="elasticFrame">
					<div class="mission">
						<span id="closeBtn">X</span>
					</div>
					<div id="background"></div>
				</div>
			</div>
			<div id="missionPub" class="missionChange">
				<i class="fa fa-chevron-right" aria-hidden="true"></i>
				<p>已发布的任务</p>
			</div>
			<div id="hid2" class="hid">
				<div id="elasticFrame2">
					<div class="mission">
						<span id="closeBtn2">X</span>
					</div>
					<div id="background2"></div>
				</div>
			</div>
		</div>
		<script type='text/javascript' src="js/tree.js"></script>
		<script defer type="text/javascript" src="js/selfInformation.js"></script>
	</body>
</html>
